const { defineConfig } = require("@vue/cli-service");
const { VantResolver } = require('unplugin-vue-components/resolvers');
const ComponentsPlugin = require('unplugin-vue-components/webpack');

module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      postcss: {
        // 可以不降版本，用 postcssOptions 套住 plugins 就行了 :{}
        postcssOptions: {
          plugins: [
            require("postcss-pxtorem")({
              // 基准值 以 iPhone6 为准, 设计稿的尺寸一般为 750px , 2 倍图
              // 1rem = 37.5px
              rootValue: 37.5, propList: ["*"]
              // 所有的样式属性中只要有尺寸单位都转换, style样式中的尺寸不会转换
              // 建议如果你用了 postcss-pxtorem 插件后, 最好就不要用style来写样式
              // selectorBlackList: ["van"],
            }),
          ],
        },
      },
    },
  },
  configureWebpack: {
    plugins: [
        ComponentsPlugin.default({
            resolvers: [VantResolver()],
        }),
    ],
},
  lintOnSave: false
});
